﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div class="doc-content option-example-right-layout">
        <h2 id="doc-content-xAxis">xAxis</h2>
        <div class="page-description">
            <p>
                直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过配置 <a href="#xAxis.offset">offset</a>
                属性防止同个位置多个 x 轴的重叠。
            </p>





        </div>
        <div>
            <h3>所有属性</h3>
            <div id="doc-content-xAxis-id" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.id">id</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">
                    <p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-show" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.show">show</a></span> <!----> <span class="default-value">
                        =
                        true
                    </span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">

                    <p>是否显示 x 轴。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-gridIndex" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.gridIndex">gridIndex</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">
                    <p>x 轴所在的 grid 的索引，默认位于第一个 grid。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-alignTicks" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.alignTicks">alignTicks</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">
                    <blockquote>
                        <p>从 <code class="codespan">v5.3.0</code> 开始支持</p>
                    </blockquote>
                    <p>
                        在多个 x 轴为数值轴的时候，可以开启该配置项自动对齐刻度。只对<code class="codespan">'value'</code>和<code class="codespan">'log'</code>类型的轴有效。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-position" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.position">position</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">

                    <p>x 轴的位置。</p>
                    <p>可选：</p>
                    <ul>
                        <li><code class="codespan">'top'</code></li>
                        <li><code class="codespan">'bottom'</code></li>
                    </ul>
                    <p>
                        默认 grid 中的第一个 x 轴在 grid 的下方（<code class="codespan">'bottom'</code>），第二个 x 轴视第一个 x
                        轴的位置放在另一侧。<br>注：若未将 <code class="codespan">xAxis.axisLine.onZero</code> 设为 <code class="codespan">false</code> , 则该项无法生效
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-offset" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.offset">offset</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>
                        X 轴相对于默认位置的偏移，在相同的 <code class="codespan">position</code> 上有多个 X 轴的时候有用。<br>注：若未将 <code class="codespan">xAxis.axisLine.onZero</code> 设为 <code class="codespan">false</code> ,
                        则该项无法生效
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-type" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.type">type</a></span> <!----> <span class="default-value">
                        =
                        'category'
                    </span> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴类型。</p>
                    <p>可选：</p>
                    <ul>
                        <li>
                            <p>
                                <code class="codespan">'value'</code>
                                数值轴，适用于连续数据。
                            </p>
                        </li>
                        <li>
                            <p>
                                <code class="codespan">'category'</code>
                                类目轴，适用于离散的类目数据。为该类型时类目数据可自动从 <a href="#series.data">series.data</a> 或 <a href="#dataset.source">dataset.source</a> 中取，或者可通过 <a href="#xAxis.data">xAxis.data</a> 设置类目数据。
                            </p>
                        </li>
                        <li>
                            <p>
                                <code class="codespan">'time'</code>
                                时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。
                            </p>
                        </li>
                        <li>
                            <p>
                                <code class="codespan">'log'</code>
                                对数轴。适用于对数数据。对数轴下的堆积柱状图或堆积折线图可能带来很大的视觉误差，并且在一定情况下可能存在非预期效果，应避免使用。
                            </p>
                        </li>
                    </ul>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-name" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.name">name</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">

                    <p>坐标轴名称。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-nameLocation" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.nameLocation">nameLocation</a></span> <!----> <span class="default-value"> = 'end'</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">

                    <p>坐标轴名称显示位置。</p>
                    <p><strong>可选：</strong></p>
                    <ul>
                        <li><code class="codespan">'start'</code></li>
                        <li><code class="codespan">'middle'</code> 或者 <code class="codespan">'center'</code></li>
                        <li><code class="codespan">'end'</code></li>
                    </ul>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-nameTextStyle" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.nameTextStyle">nameTextStyle</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴名称的文字样式。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-nameTextStyle-color" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.color">color</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴名称的颜色，默认取 <a href="#xAxis.axisLine.lineStyle.color">axisLine.lineStyle.color</a>。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-fontStyle" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.fontStyle">fontStyle</a>
                            </span> <!----> <span class="default-value"> = 'normal'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴名称文字字体的风格。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'normal'</code></li>
                                <li><code class="codespan">'italic'</code></li>
                                <li><code class="codespan">'oblique'</code></li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-fontWeight" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.fontWeight">fontWeight</a>
                            </span> <!----> <span class="default-value"> = 'normal'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>坐标轴名称文字字体的粗细。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'normal'</code></li>
                                <li><code class="codespan">'bold'</code></li>
                                <li><code class="codespan">'bolder'</code></li>
                                <li><code class="codespan">'lighter'</code></li>
                                <li>100 | 200 | 300 | 400...</li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-fontFamily" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.fontFamily">fontFamily</a>
                            </span> <!----> <span class="default-value"> = 'sans-serif'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴名称文字的字体系列。</p>
                            <p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-fontSize" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.fontSize">fontSize</a>
                            </span> <!----> <span class="default-value"> = 12</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴名称文字的字体大小。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-align" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.align">align</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字水平对齐方式，默认自动。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'left'</code></li>
                                <li><code class="codespan">'center'</code></li>
                                <li><code class="codespan">'right'</code></li>
                            </ul>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">align</code>，则会取父层级的
                                <code class="codespan">align</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		align: right,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `align`，则 `align` 为 right</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-verticalAlign" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.verticalAlign">verticalAlign</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字垂直对齐方式，默认自动。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'top'</code></li>
                                <li><code class="codespan">'middle'</code></li>
                                <li><code class="codespan">'bottom'</code></li>
                            </ul>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">verticalAlign</code>，则会取父层级的 <code class="codespan">verticalAlign</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		verticalAlign: bottom,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-lineHeight" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.lineHeight">lineHeight</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>行高。</p>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">lineHeight</code>，则会取父层级的 <code class="codespan">lineHeight</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		lineHeight: <span class="hljs-number">56</span>,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `lineHeight`，则 `lineHeight` 为 56</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-backgroundColor"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.backgroundColor">backgroundColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-object">Object</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块背景色。</p>
                            <p>
                                可以使用颜色值，例如：<code class="codespan">'#123234'</code>, <code class="codespan">'red'</code>,
                                <code class="codespan">'rgba(0,23,11,0.3)'</code>。
                            </p>
                            <p>也可以直接使用图片，例如：</p>
                            <pre><code class="lang-ts hljs typescript">backgroundColor: {
		image: <span class="hljs-string">'xxx/xxx.png'</span>
                            <span class="hljs-comment">// 这里可以是图片的 URL，</span>
                            <span class="hljs-comment">// 或者图片的 dataURI，</span>
                            <span class="hljs-comment">// 或者 HTMLImageElement 对象，</span>
                            <span class="hljs-comment">// 或者 HTMLCanvasElement 对象。</span>
	}
	</code></pre>
                            <p>
                                当使用图片的时候，可以使用 <code class="codespan">width</code> 或 <code class="codespan">height</code>
                                指定高宽，也可以不指定自适应。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-borderColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.borderColor">borderColor</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字块边框颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-borderWidth" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.borderWidth">borderWidth</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块边框宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-borderType" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.borderType">borderType</a>
                            </span> <!----> <span class="default-value"> = 'solid'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">


                            <p>文字块边框描边类型。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'solid'</code></li>
                                <li><code class="codespan">'dashed'</code></li>
                                <li><code class="codespan">'dotted'</code></li>
                            </ul>
                            <p>
                                自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者
                                <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                   target="_blank">dash array</a>，配合
                                <code class="codespan">borderDashOffset</code>
                                可实现更灵活的虚线效果。
                            </p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">{
	
	borderType: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	borderDashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-borderDashOffset"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.borderDashOffset">borderDashOffset</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                            </blockquote>


                            <p>
                                用于设置虚线的偏移量，可搭配
                                <code class="codespan">borderType</code>
                                指定 dash array 实现灵活的虚线效果。
                            </p>
                            <p>
                                更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                target="_blank">lineDashOffset</a>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-borderRadius" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.borderRadius">borderRadius</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块的圆角。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-padding" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.padding">padding</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块的内边距。例如：</p>
                            <ul>
                                <li>
                                    <code class="codespan">padding: [3, 4, 5, 6]</code>：表示 <code class="codespan">[上, 右, 下, 左]</code> 的边距。
                                </li>
                                <li>
                                    <code class="codespan">padding: 4</code>：表示 <code class="codespan">padding: [4, 4, 4, 4]</code>。
                                </li>
                                <li>
                                    <code class="codespan">padding: [3, 4]</code>：表示 <code class="codespan">padding: [3, 4, 3, 4]</code>。
                                </li>
                            </ul>
                            <p>
                                注意，文字块的 <code class="codespan">width</code> 和 <code class="codespan">height</code>
                                指定的是内容高宽，不包含 <code class="codespan">padding</code>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-shadowColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.shadowColor">shadowColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-shadowBlur" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.shadowBlur">shadowBlur</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-shadowOffsetX" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.shadowOffsetX">shadowOffsetX</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影 X 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-shadowOffsetY" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.shadowOffsetY">shadowOffsetY</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影 Y 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-width" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.width">width</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文本显示宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-height" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.height">height</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文本显示高度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textBorderColor"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textBorderColor">textBorderColor</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的描边颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textBorderWidth"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textBorderWidth">textBorderWidth</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的描边宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textBorderType" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textBorderType">textBorderType</a>
                            </span> <!----> <span class="default-value"> = 'solid'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">


                            <p>文字本身的描边类型。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'solid'</code></li>
                                <li><code class="codespan">'dashed'</code></li>
                                <li><code class="codespan">'dotted'</code></li>
                            </ul>
                            <p>
                                自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者
                                <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                   target="_blank">dash array</a>，配合
                                <code class="codespan">textBorderDashOffset</code>
                                可实现更灵活的虚线效果。
                            </p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">{
	
	textBorderType: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	textBorderDashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textBorderDashOffset"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textBorderDashOffset">textBorderDashOffset</a>
                            </span>
                            <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                            </blockquote>


                            <p>
                                用于设置虚线的偏移量，可搭配
                                <code class="codespan">textBorderType</code>
                                指定 dash array 实现灵活的虚线效果。
                            </p>
                            <p>
                                更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                target="_blank">lineDashOffset</a>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textShadowColor"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textShadowColor">textShadowColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textShadowBlur" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textShadowBlur">textShadowBlur</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textShadowOffsetX"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textShadowOffsetX">textShadowOffsetX</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影 X 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-textShadowOffsetY"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.textShadowOffsetY">textShadowOffsetY</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影 Y 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-overflow" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.overflow">overflow</a>
                            </span> <!----> <span class="default-value"> = 'none'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字超出宽度是否截断或者换行。配置<code class="codespan">width</code>时有效</p>
                            <ul>
                                <li>
                                    <code class="codespan">'truncate'</code> 截断，并在末尾显示<code class="codespan">ellipsis</code>配置的文本，默认为<code class="codespan">...</code>
                                </li>
                                <li><code class="codespan">'break'</code> 换行</li>
                                <li>
                                    <code class="codespan">'breakAll'</code> 换行，跟<code class="codespan">'break'</code>不同的是，在英语等拉丁文中，<code class="codespan">'breakAll'</code>还会强制单词内换行
                                </li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-ellipsis" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.ellipsis">ellipsis</a>
                            </span> <!----> <span class="default-value"> = '...'</span> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">
                            <p>
                                在<code class="codespan">overflow</code>配置为<code class="codespan">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTextStyle-rich" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTextStyle">nameTextStyle.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTextStyle.rich">rich</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>在 <code class="codespan">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">label: {
                            <span class="hljs-comment">// 在文本中，可以对部分文本采用 rich 中定义样式。</span>
                            <span class="hljs-comment">// 这里需要在文本中使用标记符号：</span>
                            <span class="hljs-comment">// `{styleName|text content text content}` 标记样式名。</span>
                            <span class="hljs-comment">// 注意，换行仍是使用 '\n'。</span>
		formatter: [
                            <span class="hljs-string">'{a|这段文本采用样式a}'</span>,
                            <span class="hljs-string">'{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'</span>
		].join(<span class="hljs-string">'\n'</span>),
	
		rich: {
			a: {
				color: <span class="hljs-string">'red'</span>,
				lineHeight: <span class="hljs-number">10</span>
			},
			b: {
				backgroundColor: {
					image: <span class="hljs-string">'xxx/xxx.jpg'</span>
				},
				height: <span class="hljs-number">40</span>
			},
			x: {
				fontSize: <span class="hljs-number">18</span>,
				fontFamily: <span class="hljs-string">'Microsoft YaHei'</span>,
				borderColor: <span class="hljs-string">'#449933'</span>,
				borderRadius: <span class="hljs-number">4</span>
			},
			...
		}
	}
	</code></pre>
                            <p>
                                详情参见教程：<a href="tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE"
                                          target="_blank">富文本标签</a>
                            </p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5215" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">&lt;style_name&gt;</div>
                                            <div class="property-popup-desc"></div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.nameTextStyle.rich.<style_name>"
                                               class="el-popover__reference" aria-describedby="el-popover-5215"
                                               tabindex="0">&lt;style_name&gt;</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-nameGap" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.nameGap">nameGap</a></span> <!----> <span class="default-value"> = 15</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>坐标轴名称与轴线之间的距离。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-nameRotate" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.nameRotate">nameRotate</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>坐标轴名字旋转，角度值。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-nameTruncate" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.nameTruncate">nameTruncate</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴名字的截断。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-nameTruncate-maxWidth" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTruncate">nameTruncate.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTruncate.maxWidth">maxWidth</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <p>截断文本的最大长度，超过此长度会被截断。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-nameTruncate-ellipsis" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.nameTruncate">nameTruncate.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.nameTruncate.ellipsis">ellipsis</a>
                            </span> <!----> <span class="default-value"> = '...'</span> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">
                            <p>截断后文字末尾显示的内容。</p>
                        </div> <!----> <!---->
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-inverse" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.inverse">inverse</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">

                    <p>是否是反向坐标轴。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-boundaryGap" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.boundaryGap">boundaryGap</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-boolean">boolean</span><span class="prop-type prop-type-array">Array</span>
                </div> <!---->
                <div class="item-description">

                    <p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>
                    <p>
                        类目轴中 <code class="codespan">boundaryGap</code> 可以配置为 <code class="codespan">true</code> 和 <code class="codespan">false</code>。默认为 <code class="codespan">true</code>，这时候<a href="#xAxis.axisTick">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href="#xAxis.axisTick">刻度</a>之间的带(band)中间。
                    </p>
                    <p>
                        非类目轴，包括时间，数值，对数轴，<code class="codespan">boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href="#xAxis.min">min</a> 和 <a href="#xAxis.max">max</a> 后无效。
                        <strong>示例：</strong>
                    </p>
                    <pre><code class="lang-ts hljs typescript">boundaryGap: [<span class="hljs-string">'20%'</span>, <span class="hljs-string">'20%'</span>]
	</code></pre>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-min" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.min">min</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">

                    <p>坐标轴刻度最小值。</p>
                    <p>可以设置成特殊值 <code class="codespan">'dataMin'</code>，此时取数据在该轴上的最小值作为最小刻度。</p>
                    <p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>
                    <p>
                        在类目轴中，也可以设置为类目的序数（如类目轴 <code class="codespan">data: ['类A', '类B', '类C']</code> 中，序数 <code class="codespan">2</code> 表示 <code class="codespan">'类C'</code>。也可以设置为负数，如 <code class="codespan">-3</code>）。
                    </p>
                    <p>当设置成 <code class="codespan">function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>
                    <pre><code class="lang-ts hljs typescript">min: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
                    <span class="hljs-keyword">return</span> value.min - <span class="hljs-number">20</span>;
	}
	</code></pre>
                    <p>
                        其中 <code class="codespan">value</code> 是一个包含 <code class="codespan">min</code> 和 <code class="codespan">max</code> 的对象，分别表示数据的最大最小值，这个函数可返回坐标轴的最小值，也可返回 <code class="codespan">null</code>/<code class="codespan">undefined</code> 来表示“自动计算最小值”（返回 <code class="codespan">null</code>/<code class="codespan">undefined</code> 从 <code class="codespan">v4.8.0</code> 开始支持）。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-max" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.max">max</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">

                    <p>坐标轴刻度最大值。</p>
                    <p>可以设置成特殊值 <code class="codespan">'dataMax'</code>，此时取数据在该轴上的最大值作为最大刻度。</p>
                    <p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>
                    <p>
                        在类目轴中，也可以设置为类目的序数（如类目轴 <code class="codespan">data: ['类A', '类B', '类C']</code> 中，序数 <code class="codespan">2</code> 表示 <code class="codespan">'类C'</code>。也可以设置为负数，如 <code class="codespan">-3</code>）。
                    </p>
                    <p>当设置成 <code class="codespan">function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>
                    <pre><code class="lang-ts hljs typescript">max: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
                    <span class="hljs-keyword">return</span> value.max - <span class="hljs-number">20</span>;
	}
	</code></pre>
                    <p>
                        其中 <code class="codespan">value</code> 是一个包含 <code class="codespan">min</code> 和 <code class="codespan">max</code> 的对象，分别表示数据的最大最小值，这个函数可返回坐标轴的最大值，也可返回 <code class="codespan">null</code>/<code class="codespan">undefined</code> 来表示“自动计算最大值”（返回 <code class="codespan">null</code>/<code class="codespan">undefined</code> 从 <code class="codespan">v4.8.0</code> 开始支持）。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-scale" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.scale">scale</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">

                    <p>只在数值轴中（<a href="#xAxis.type">type</a>: 'value'）有效。</p>
                    <p>是否是脱离 0 值比例。设置成 <code class="codespan">true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>
                    <p>在设置 <a href="#xAxis.min">min</a> 和 <a href="#xAxis.max">max</a> 之后该配置项无效。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-splitNumber" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.splitNumber">splitNumber</a></span> <!----> <span class="default-value"> = 5</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>
                    <p>在类目轴中无效。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-minInterval" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.minInterval">minInterval</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>自动计算的坐标轴最小间隔大小。</p>
                    <p>例如可以设置成<code class="codespan">1</code>保证坐标轴分割刻度显示成整数。</p>
                    <pre><code class="lang-ts hljs typescript">{
		minInterval: <span class="hljs-number">1</span>
	}
	</code></pre>
                    <p>只在数值轴或时间轴中（<a href="#xAxis.type">type</a>: 'value' 或 'time'）有效。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-maxInterval" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.maxInterval">maxInterval</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>自动计算的坐标轴最大间隔大小。</p>
                    <p>
                        例如，在时间轴（（<a href="#xAxis.type">type</a>: 'time'））可以设置成 <code class="codespan">3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。
                    </p>
                    <pre><code class="lang-ts hljs typescript">{
		maxInterval: <span class="hljs-number">3600</span> * <span class="hljs-number">24</span> * <span class="hljs-number">1000</span>
	}
	</code></pre>
                    <p>只在数值轴或时间轴中（<a href="#xAxis.type">type</a>: 'value' 或 'time'）有效。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-interval" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.interval">interval</a></span> <!----> <!----> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>强制设置坐标轴分割间隔。</p>
                    <p>
                        因为 <a href="#xAxis.splitNumber">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval
                        配合 <a href="#xAxis.min">min</a>、<a href="#xAxis.max">max</a> 强制设定刻度划分，一般不建议使用。
                    </p>
                    <p>
                        无法在类目轴中使用。在时间轴（<a href="#xAxis.type">type</a>: 'time'）中需要传时间戳，在对数轴（<a href="#xAxis.type">type</a>: 'log'）中需要传指数值。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-logBase" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.logBase">logBase</a></span> <!----> <span class="default-value"> = 10</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">

                    <p>对数轴的底数，只在对数轴中（<a href="#xAxis.type">type</a>: 'log'）有效。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-silent" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.silent">silent</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴是否是静态无法交互。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-triggerEvent" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.triggerEvent">triggerEvent</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>
                    <p>事件参数如下：</p>
                    <pre><code class="lang-ts hljs typescript">{
                    <span class="hljs-comment">// 组件类型，xAxis, yAxis, radiusAxis, angleAxis</span>
                    <span class="hljs-comment">// 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex</span>
		componentType: <span class="hljs-built_in">string</span>,
                    <span class="hljs-comment">// 未格式化过的刻度值, 点击刻度标签有效</span>
		value: <span class="hljs-string">''</span>,
                    <span class="hljs-comment">// 坐标轴名称, 点击坐标轴名称有效</span>
		name: <span class="hljs-string">''</span>
	}
	</code></pre>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-axisLine" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.axisLine">axisLine</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴轴线相关设置。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-axisLine-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.show">show</a>
                            </span> <!----> <span class="default-value">
                                =
                                true
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示坐标轴轴线。</p>
                            <blockquote>
                                <p>
                                    从 <code class="codespan">v5.0.0</code> 开始，数值轴 (<code class="codespan">type: 'value'</code>) 默认不显示轴线，需要显式配置。
                                </p>
                            </blockquote>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-onZero" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.onZero">onZero</a>
                            </span> <!----> <span class="default-value">
                                = true
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-onZeroAxisIndex" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.onZeroAxisIndex">onZeroAxisIndex</a>
                            </span> <!----> <!---->
                            <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <p>当有双轴时，可以用这个属性手动指定，在哪个轴的 0 刻度上。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-symbol" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.symbol">symbol</a>
                            </span> <!----> <span class="default-value">
                                = 'none'
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>
                                轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code class="codespan">'none'</code>。两端都显示箭头可以设置为 <code class="codespan">'arrow'</code>，只在末端显示箭头可以设置为 <code class="codespan">['none', 'arrow']</code>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-symbolSize" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.symbolSize">symbolSize</a>
                            </span> <!----> <span class="default-value"> = [10, 15]</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-array">Array</span></div> <!---->
                        <div class="item-description">

                            <p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-symbolOffset" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.symbolOffset">symbolOffset</a>
                            </span> <!----> <span class="default-value"> = [0, 0]</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-array">Array</span><span class="prop-type prop-type-number">number</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLine-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLine">axisLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLine.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description"></div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8310" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>坐标轴线线的颜色。</p>
                                                <blockquote>
                                                    <p>
                                                        支持使用<code class="codespan">rgb(255,255,255)</code>，<code class="codespan">rgba(255,255,255,1)</code>，<code class="codespan">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href="#color">option.color</a>
                                                    </p>
                                                </blockquote>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-8310" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2615" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>坐标轴线线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.width" class="el-popover__reference"
                                               aria-describedby="el-popover-2615" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9305" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.type" class="el-popover__reference"
                                               aria-describedby="el-popover-9305" tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6198" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-6198"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7163" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-7163" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-950" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.join" class="el-popover__reference"
                                               aria-describedby="el-popover-950" tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8925" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-8925"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7011" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-7011"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4232" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-4232"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4403" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-4403"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6183" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-6183"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5147" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLine.lineStyle.opacity" class="el-popover__reference"
                                               aria-describedby="el-popover-5147" tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-axisTick" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.axisTick">axisTick</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴刻度相关设置。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-axisTick-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.show">show</a>
                            </span> <!----> <span class="default-value">
                                =
                                true
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示坐标轴刻度。</p>
                            <blockquote>
                                <p>
                                    从 <code class="codespan">v5.0.0</code> 开始，数值轴 (<code class="codespan">type: 'value'</code>) 默认不显示轴刻度，需要显式配置。
                                </p>
                            </blockquote>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisTick-alignWithLabel" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.alignWithLabel">alignWithLabel</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>
                                类目轴中在 <code class="codespan">boundaryGap</code> 为 <code class="codespan">true</code>
                                的时候有效，可以保证刻度线和标签对齐。如下图：
                            </p>
                            <p><img width="600" height="auto" src="documents/asset/img/axis-align-with-label.png"></p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisTick-interval" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.interval">interval</a>
                            </span> <!----> <span class="default-value"> = 'auto'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">



                            <p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href="#xAxis.axisLabel.interval">axisLabel.interval</a> 一样。</p>
                            <p>默认会采用标签不重叠的策略间隔显示标签。</p>
                            <p>可以设置成 0 强制显示所有标签。</p>
                            <p>
                                如果设置为 <code class="codespan">1</code>，表示『隔一个标签显示一个标签』，如果值为 <code class="codespan">2</code>，表示隔两个标签显示一个标签，以此类推。
                            </p>
                            <p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>
                            <pre><code class="lang-ts hljs typescript">(index:<span class="hljs-built_in">number</span>, value: <span class="hljs-built_in">string</span>) =&gt; <span class="hljs-built_in">boolean</span>
	</code></pre>
                            <p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code class="codespan">false</code>。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisTick-inside" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.inside">inside</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴刻度是否朝内，默认朝外。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisTick-length" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.length">length</a>
                            </span> <!----> <span class="default-value">
                                = 5
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>坐标轴刻度的长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisTick-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisTick">axisTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisTick.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>刻度线的样式设置。</p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4068" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">
                                                <p>
                                                    刻度线的颜色，默认取 <a href="#xAxis.axisTick.lineStyle.color">axisTick.lineStyle.color</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-4068" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8833" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>坐标轴刻度线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.width" class="el-popover__reference"
                                               aria-describedby="el-popover-8833" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6270" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.type" class="el-popover__reference"
                                               aria-describedby="el-popover-6270" tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7638" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-7638"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1883" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-1883" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9328" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.join" class="el-popover__reference"
                                               aria-describedby="el-popover-9328" tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9519" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-9519"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4793" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-4793"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8204" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-8204"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7533" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-7533"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1457" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-1457"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-102" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>

                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisTick.lineStyle.opacity" class="el-popover__reference"
                                               aria-describedby="el-popover-102" tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-minorTick" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.minorTick">minorTick</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <blockquote>
                        <p>从 <code class="codespan">v4.6.0</code> 开始支持</p>
                    </blockquote>
                    <p>坐标轴次刻度线相关设置。</p>
                    <p>注意：次刻度线无法在类目轴（<a href="#xAxis.type">type</a>: <code class="codespan">'category'</code>）中使用。</p>
                    <p>示例：</p>
                    <p>1) 函数绘图中使用次刻度线</p>
                    <iframe data-src="https://echarts.apache.org/examples/zh/view.html?c=line-function&amp;edit=1&amp;reset=1"
                            width="600" height="350"></iframe>


                    <p>2) 在对数轴中使用次刻度线</p>
                    <iframe data-src="https://echarts.apache.org/examples/zh/view.html?c=line-log&amp;edit=1&amp;reset=1"
                            width="600" height="350"></iframe>

                </div>
                <div class="children">
                    <div id="doc-content-xAxis-minorTick-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorTick">minorTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorTick.show">show</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示次刻度线。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-minorTick-splitNumber" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorTick">minorTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorTick.splitNumber">splitNumber</a>
                            </span> <!----> <span class="default-value"> = 5</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>次刻度线分割数，默认会分割成 5 段</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-minorTick-length" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorTick">minorTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorTick.length">length</a>
                            </span> <!----> <span class="default-value"> = 3</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>次刻度线的长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-minorTick-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorTick">minorTick.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorTick.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description"></div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-905" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    刻度线的颜色，默认取 <a href="#xAxis.axisLine.lineStyle.color">axisLine.lineStyle.color</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-905" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7668" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>次刻度线线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.width" class="el-popover__reference"
                                               aria-describedby="el-popover-7668" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1831" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.type" class="el-popover__reference"
                                               aria-describedby="el-popover-1831" tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4410" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-4410"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9750" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-9750" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-3170" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.join" class="el-popover__reference"
                                               aria-describedby="el-popover-3170" tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1830" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-1830"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6345" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-6345"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4302" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-4302"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5613" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-5613"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-3594" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-3594"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5769" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>

                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorTick.lineStyle.opacity" class="el-popover__reference"
                                               aria-describedby="el-popover-5769" tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-axisLabel" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.axisLabel">axisLabel</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴刻度标签的相关设置。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-axisLabel-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.show">show</a>
                            </span> <!----> <span class="default-value">
                                =
                                true
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示刻度标签。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-interval" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.interval">interval</a>
                            </span> <!----> <span class="default-value"> = 'auto'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">



                            <p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>
                            <p>默认会采用标签不重叠的策略间隔显示标签。</p>
                            <p>可以设置成 0 强制显示所有标签。</p>
                            <p>
                                如果设置为 <code class="codespan">1</code>，表示『隔一个标签显示一个标签』，如果值为 <code class="codespan">2</code>，表示隔两个标签显示一个标签，以此类推。
                            </p>
                            <p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>
                            <pre><code class="lang-ts hljs typescript">(index:<span class="hljs-built_in">number</span>, value: <span class="hljs-built_in">string</span>) =&gt; <span class="hljs-built_in">boolean</span>
	</code></pre>
                            <p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code class="codespan">false</code>。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-inside" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.inside">inside</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>刻度标签是否朝内，默认朝外。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-rotate" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.rotate">rotate</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>
                            <p>旋转的角度从 -90 度到 90 度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-margin" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.margin">margin</a>
                            </span> <!----> <span class="default-value"> = 8</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>刻度标签与轴线之间的距离。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-formatter" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.formatter">formatter</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">
                            <p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>
                            <p>示例:</p>
                            <pre><code class="lang-ts hljs typescript"><span class="hljs-comment">// 使用字符串模板，模板变量为刻度默认标签 {value}</span>
	formatter: <span class="hljs-string">'{value} kg'</span>
                            <span class="hljs-comment">// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引</span>
	formatter: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value, index</span>) </span>{
                            <span class="hljs-keyword">return</span> value + <span class="hljs-string">'kg'</span>;
	}
	</code></pre>
                            <hr>
                            <p>
                                对于时间轴（<a href="#.type">type</a>: <code class="codespan">'time'</code>），<code class="codespan">formatter</code> 的字符串模板支持多种形式：
                            </p>
                            <ul>
                                <li><strong>字符串模板</strong>：简单快速实现常用日期时间模板，<code class="codespan">string</code> 类型</li>
                                <li>
                                    <strong>回调函数</strong>：自定义 formatter，可以用来实现复杂高级的格式，<code class="codespan">Function</code> 类型
                                </li>
                                <li>
                                    <strong>分级模板</strong>：为不同时间粒度的标签使用不同的 formatter，<code class="codespan">object</code>
                                    类型
                                </li>
                            </ul>
                            <p>下面我们分别介绍这三种形式。</p>
                            <p><strong> 字符串模板 </strong></p>
                            <p>
                                使用字符串模板是一种方便实现常用日期时间格式化方式的形式。如果字符串模板可以实现你的效果，那我们优先推荐使用此方式；如果无法实现，再考虑其他两种更复杂的方式。支持的模板如下：
                            </p>
                            <table>
                                <thead>
                                    <tr>
                                        <th>分类</th>
                                        <th>模板</th>
                                        <th>取值（英文）</th>
                                        <th>取值（中文）</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Year</td>
                                        <td>{yyyy}</td>
                                        <td>e.g., 2020, 2021, ...</td>
                                        <td>例：2020, 2021, ...</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{yy}</td>
                                        <td>00-99</td>
                                        <td>00-99</td>
                                    </tr>
                                    <tr>
                                        <td>Quarter</td>
                                        <td>{Q}</td>
                                        <td>1, 2, 3, 4</td>
                                        <td>1, 2, 3, 4</td>
                                    </tr>
                                    <tr>
                                        <td>Month</td>
                                        <td>{MMMM}</td>
                                        <td>e.g., January, February, ...</td>
                                        <td>一月、二月、……</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{MMM}</td>
                                        <td>e.g., Jan, Feb, ...</td>
                                        <td>1月、2月、……</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{MM}</td>
                                        <td>01-12</td>
                                        <td>01-12</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{M}</td>
                                        <td>1-12</td>
                                        <td>1-12</td>
                                    </tr>
                                    <tr>
                                        <td>Day of Month</td>
                                        <td>{dd}</td>
                                        <td>01-31</td>
                                        <td>01-31</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{d}</td>
                                        <td>1-31</td>
                                        <td>1-31</td>
                                    </tr>
                                    <tr>
                                        <td>Day of Week</td>
                                        <td>{eeee}</td>
                                        <td>Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday</td>
                                        <td>星期日、星期一、星期二、星期三、星期四、星期五、星期六</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{ee}</td>
                                        <td>Sun, Mon, Tues, Wed, Thu, Fri, Sat</td>
                                        <td>日、一、二、三、四、五、六</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{e}</td>
                                        <td>1-54</td>
                                        <td>1-54</td>
                                    </tr>
                                    <tr>
                                        <td>Hour</td>
                                        <td>{HH}</td>
                                        <td>00-23</td>
                                        <td>00-23</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{H}</td>
                                        <td>0-23</td>
                                        <td>0-23</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{hh}</td>
                                        <td>01-12</td>
                                        <td>01-12</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{h}</td>
                                        <td>1-12</td>
                                        <td>1-12</td>
                                    </tr>
                                    <tr>
                                        <td>Minute</td>
                                        <td>{mm}</td>
                                        <td>00-59</td>
                                        <td>00-59</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{m}</td>
                                        <td>0-59</td>
                                        <td>0-59</td>
                                    </tr>
                                    <tr>
                                        <td>Second</td>
                                        <td>{ss}</td>
                                        <td>00-59</td>
                                        <td>00-59</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{s}</td>
                                        <td>0-59</td>
                                        <td>0-59</td>
                                    </tr>
                                    <tr>
                                        <td>Millisecond</td>
                                        <td>{SSS}</td>
                                        <td>000-999</td>
                                        <td>000-999</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>{S}</td>
                                        <td>0-999</td>
                                        <td>0-999</td>
                                    </tr>
                                </tbody>
                            </table>
                            <blockquote>
                                <p>
                                    其他语言请参考相应<a href="https://github.com/apache/echarts/tree/master/src/i18n"
                                                target="_blank">语言包</a>中的定义，语言包可以通过 <a href="api.html#echarts.registerLocale"
                                                                                       target="_blank">echarts.registerLocale</a> 注册。
                                </p>
                            </blockquote>
                            <p>示例:</p>
                            <pre><code class="lang-ts hljs typescript">formatter: <span class="hljs-string">'{yyyy}-{MM}-{dd}'</span> <span class="hljs-comment">// 得到的 label 形如：'2020-12-02'</span>
	formatter: <span class="hljs-string">'{d}日'</span> <span class="hljs-comment">// 得到的 label 形如：'2日'</span>
	</code></pre>
                            <p><strong> 回调函数 </strong></p>
                            <p>
                                回调函数可以根据刻度值返回不同的格式，如果有复杂的时间格式化需求，也可以引用第三方的日期时间相关的库（如 <a href="https://momentjs.com/"
                                                                                        target="_blank">Moment.js</a>、<a href="https://date-fns.org/"
                                                                                                                         target="_blank">date-fns</a> 等），返回显示的文本。
                            </p>
                            <p>示例：</p>
                            <pre><code class="lang-ts hljs typescript"><span class="hljs-comment">// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引</span>
	formatter: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value, index</span>) </span>{
                            <span class="hljs-comment">// 格式化成月/日，只在第一个刻度显示年份</span>
                            <span class="hljs-keyword">var</span> date = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(value);
                            <span class="hljs-keyword">var</span> texts = [(date.getMonth() + <span class="hljs-number">1</span>), date.getDate()];
                            <span class="hljs-keyword">if</span> (index === <span class="hljs-number">0</span>) {
			texts.unshift(date.getFullYear());
		}
                            <span class="hljs-keyword">return</span> texts.join(<span class="hljs-string">'/'</span>);
	}
	</code></pre>
                            <p><strong> 分级模板 </strong></p>
                            <p>有时候，我们希望对不同的时间粒度采用不同的格式化策略。例如，在季度图表中，我们可能希望对每个月的第一天显示月份，而其他日期显示日期。我们可以使用以下方式实现该效果：</p>
                            <p>示例：</p>
                            <pre><code class="lang-ts hljs typescript">formatter: {
		month: <span class="hljs-string">'{MMMM}'</span>, <span class="hljs-comment">// 一月、二月、……</span>
		day: <span class="hljs-string">'{d}日'</span> <span class="hljs-comment">// 1日、2日、……</span>
	}
	</code></pre>
                            <p>支持的分级以及各自默认的取值为：</p>
                            <pre><code class="lang-ts hljs typescript">{
		year: <span class="hljs-string">'{yyyy}'</span>,
		month: <span class="hljs-string">'{MMM}'</span>,
		day: <span class="hljs-string">'{d}'</span>,
		hour: <span class="hljs-string">'{HH}:{mm}'</span>,
		minute: <span class="hljs-string">'{HH}:{mm}'</span>,
		second: <span class="hljs-string">'{HH}:{mm}:{ss}'</span>,
		millisecond: <span class="hljs-string">'{hh}:{mm}:{ss} {SSS}'</span>,
		none: <span class="hljs-string">'{yyyy}-{MM}-{dd} {hh}:{mm}:{ss} {SSS}'</span>
	}
	</code></pre>
                            <p>
                                以 <code class="codespan">day</code> 为例，当一个刻度点的值的小时、分钟、秒、毫秒都为 <code class="codespan">0</code> 时，将采用 <code class="codespan">day</code> 的分级值作为模板。<code class="codespan">none</code> 表示当其他规则都不适用时采用的模板，也就是带有毫秒值的刻度点的模板。
                            </p>
                            <p><strong> 富文本 </strong></p>
                            <p>以上这三种形式的 formatter 都支持富文本，所以可以做成一些复杂的效果。</p>
                            <p>示例：</p>
                            <pre><code class="lang-ts hljs typescript">xAxis: {
                            <span class="hljs-keyword">type</span>: <span class="hljs-string">'time'</span>,
		axisLabel: {
			formatter: {
                            <span class="hljs-comment">// 一年的第一个月显示年度信息和月份信息</span>
				year: <span class="hljs-string">'{yearStyle|{yyyy}}\n{monthStyle|{MMM}}'</span>,
				month: <span class="hljs-string">'{monthStyle|{MMM}}'</span>
			},
			rich: {
				yearStyle: {
                            <span class="hljs-comment">// 让年度信息更醒目</span>
					color: <span class="hljs-string">'#000'</span>,
					fontWeight: <span class="hljs-string">'bold'</span>
				},
				monthStyle: {
					color: <span class="hljs-string">'#999'</span>
				}
			}
		}
	},
	</code></pre>
                            <p>使用回调函数形式实现上面例子同样的效果：</p>
                            <p>示例：</p>
                            <pre><code class="lang-ts hljs typescript">xAxis: {
                            <span class="hljs-keyword">type</span>: <span class="hljs-string">'time'</span>,
		axisLabel: {
			formatter: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
                            <span class="hljs-keyword">const</span> date = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(value);
                            <span class="hljs-keyword">const</span> yearStart = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(value);
				yearStart.setMonth(<span class="hljs-number">0</span>);
				yearStart.setDate(<span class="hljs-number">1</span>);
				yearStart.setHours(<span class="hljs-number">0</span>);
				yearStart.setMinutes(<span class="hljs-number">0</span>);
				yearStart.setSeconds(<span class="hljs-number">0</span>);
				yearStart.setMilliseconds(<span class="hljs-number">0</span>);
                            <span class="hljs-comment">// 判断一个刻度值知否为一年的开始</span>
                            <span class="hljs-keyword">if</span> (date.getTime() === yearStart.getTime()) {
                            <span class="hljs-keyword">return</span> <span class="hljs-string">'{year|'</span> + date.getFullYear() + <span class="hljs-string">'}\n'</span>
						+ <span class="hljs-string">'{month|'</span> + (date.getMonth() + <span class="hljs-number">1</span>) + <span class="hljs-string">'月}'</span>;
				}
                            <span class="hljs-keyword">else</span> {
                            <span class="hljs-keyword">return</span> <span class="hljs-string">'{month|'</span> + (date.getMonth() + <span class="hljs-number">1</span>) + <span class="hljs-string">'月}'</span>
				}
			},
			rich: {
				year: {
					color: <span class="hljs-string">'#000'</span>,
					fontWeight: <span class="hljs-string">'bold'</span>
				},
				month: {
					color: <span class="hljs-string">'#999'</span>
				}
			}
		}
	},
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-showMinLabel" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.showMinLabel">showMinLabel</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>
                                是否显示最小 tick 的 label。可取值 <code class="codespan">true</code>, <code class="codespan">false</code>, <code class="codespan">null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-showMaxLabel" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.showMaxLabel">showMaxLabel</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>
                                是否显示最大 tick 的 label。可取值 <code class="codespan">true</code>, <code class="codespan">false</code>, <code class="codespan">null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-alignMinLabel" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.alignMinLabel">alignMinLabel</a>
                            </span> <!----> <!---->
                            <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.5.0</code> 开始支持</p>
                            </blockquote>
                            <p>
                                最小的坐标刻度标签的对齐方式。如果设置为 <code class="codespan">null</code>，则和其他标签一致。参见 <a href="#xAxis.axisLabel.align">align</a>。
                            </p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'left'</code></li>
                                <li><code class="codespan">'center'</code></li>
                                <li><code class="codespan">'right'</code></li>
                                <li><code class="codespan">null</code> (default)</li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-alignMaxLabel" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.alignMaxLabel">alignMaxLabel</a>
                            </span> <!----> <!---->
                            <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.5.0</code> 开始支持</p>
                            </blockquote>
                            <p>
                                最大的坐标刻度标签的对齐方式。如果设置为 <code class="codespan">null</code>，则和其他标签一致。参见 <a href="#xAxis.axisLabel.align">align</a>。
                            </p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'left'</code></li>
                                <li><code class="codespan">'center'</code></li>
                                <li><code class="codespan">'right'</code></li>
                                <li><code class="codespan">null</code> (default)</li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-hideOverlap" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.hideOverlap">hideOverlap</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">



                            <blockquote>
                                <p>从 <code class="codespan">v5.2.0</code> 开始支持</p>
                            </blockquote>
                            <p>是否隐藏重叠的标签。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-color" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.color">color</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-color">Color</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>
                                刻度标签文字的颜色，默认取 <a href="#xAxis.axisLine.lineStyle.color">axisLine.lineStyle.color</a>。支持回调函数，格式如下
                            </p>
                            <pre><code class="lang-ts hljs typescript">(val: <span class="hljs-built_in">string</span>) =&gt; Color
	</code></pre>
                            <p>参数是标签的文本，返回颜色值，如下示例：</p>
                            <pre><code class="lang-ts hljs typescript">textStyle: {
		color: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value, index</span>) </span>{
                            <span class="hljs-keyword">return</span> value &gt;= <span class="hljs-number">0</span> ? <span class="hljs-string">'green'</span> : <span class="hljs-string">'red'</span>;
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-fontStyle" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.fontStyle">fontStyle</a>
                            </span> <!----> <span class="default-value"> = 'normal'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字字体的风格。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'normal'</code></li>
                                <li><code class="codespan">'italic'</code></li>
                                <li><code class="codespan">'oblique'</code></li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-fontWeight" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.fontWeight">fontWeight</a>
                            </span> <!----> <span class="default-value"> = 'normal'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字字体的粗细。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'normal'</code></li>
                                <li><code class="codespan">'bold'</code></li>
                                <li><code class="codespan">'bolder'</code></li>
                                <li><code class="codespan">'lighter'</code></li>
                                <li>100 | 200 | 300 | 400...</li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-fontFamily" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.fontFamily">fontFamily</a>
                            </span> <!----> <span class="default-value"> = 'sans-serif'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字的字体系列。</p>
                            <p>还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-fontSize" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.fontSize">fontSize</a>
                            </span> <!----> <span class="default-value"> = 12</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字的字体大小。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-align" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.align">align</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字水平对齐方式，默认自动。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'left'</code></li>
                                <li><code class="codespan">'center'</code></li>
                                <li><code class="codespan">'right'</code></li>
                            </ul>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">align</code>，则会取父层级的
                                <code class="codespan">align</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		align: right,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `align`，则 `align` 为 right</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-verticalAlign" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.verticalAlign">verticalAlign</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字垂直对齐方式，默认自动。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'top'</code></li>
                                <li><code class="codespan">'middle'</code></li>
                                <li><code class="codespan">'bottom'</code></li>
                            </ul>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">verticalAlign</code>，则会取父层级的 <code class="codespan">verticalAlign</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		verticalAlign: bottom,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-lineHeight" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.lineHeight">lineHeight</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>行高。</p>
                            <p>
                                <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">lineHeight</code>，则会取父层级的 <code class="codespan">lineHeight</code>。例如：
                            </p>
                            <pre><code class="lang-ts hljs typescript">{
		lineHeight: <span class="hljs-number">56</span>,
		rich: {
			a: {
                            <span class="hljs-comment">// 没有设置 `lineHeight`，则 `lineHeight` 为 56</span>
			}
		}
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-backgroundColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.backgroundColor">backgroundColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-object">Object</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块背景色。</p>
                            <p>
                                可以使用颜色值，例如：<code class="codespan">'#123234'</code>, <code class="codespan">'red'</code>,
                                <code class="codespan">'rgba(0,23,11,0.3)'</code>。
                            </p>
                            <p>也可以直接使用图片，例如：</p>
                            <pre><code class="lang-ts hljs typescript">backgroundColor: {
		image: <span class="hljs-string">'xxx/xxx.png'</span>
                            <span class="hljs-comment">// 这里可以是图片的 URL，</span>
                            <span class="hljs-comment">// 或者图片的 dataURI，</span>
                            <span class="hljs-comment">// 或者 HTMLImageElement 对象，</span>
                            <span class="hljs-comment">// 或者 HTMLCanvasElement 对象。</span>
	}
	</code></pre>
                            <p>
                                当使用图片的时候，可以使用 <code class="codespan">width</code> 或 <code class="codespan">height</code>
                                指定高宽，也可以不指定自适应。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-borderColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.borderColor">borderColor</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字块边框颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-borderWidth" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.borderWidth">borderWidth</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块边框宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-borderType" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.borderType">borderType</a>
                            </span> <!----> <span class="default-value"> = 'solid'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">


                            <p>文字块边框描边类型。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'solid'</code></li>
                                <li><code class="codespan">'dashed'</code></li>
                                <li><code class="codespan">'dotted'</code></li>
                            </ul>
                            <p>
                                自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者
                                <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                   target="_blank">dash array</a>，配合
                                <code class="codespan">borderDashOffset</code>
                                可实现更灵活的虚线效果。
                            </p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">{
	
	borderType: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	borderDashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-borderDashOffset" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.borderDashOffset">borderDashOffset</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                            </blockquote>


                            <p>
                                用于设置虚线的偏移量，可搭配
                                <code class="codespan">borderType</code>
                                指定 dash array 实现灵活的虚线效果。
                            </p>
                            <p>
                                更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                target="_blank">lineDashOffset</a>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-borderRadius" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.borderRadius">borderRadius</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块的圆角。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-padding" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.padding">padding</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">

                            <p>文字块的内边距。例如：</p>
                            <ul>
                                <li>
                                    <code class="codespan">padding: [3, 4, 5, 6]</code>：表示 <code class="codespan">[上, 右, 下, 左]</code> 的边距。
                                </li>
                                <li>
                                    <code class="codespan">padding: 4</code>：表示 <code class="codespan">padding: [4, 4, 4, 4]</code>。
                                </li>
                                <li>
                                    <code class="codespan">padding: [3, 4]</code>：表示 <code class="codespan">padding: [3, 4, 3, 4]</code>。
                                </li>
                            </ul>
                            <p>
                                注意，文字块的 <code class="codespan">width</code> 和 <code class="codespan">height</code>
                                指定的是内容高宽，不包含 <code class="codespan">padding</code>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-shadowColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.shadowColor">shadowColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-shadowBlur" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.shadowBlur">shadowBlur</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-shadowOffsetX" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.shadowOffsetX">shadowOffsetX</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影 X 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-shadowOffsetY" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.shadowOffsetY">shadowOffsetY</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字块的背景阴影 Y 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-width" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.width">width</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文本显示宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-height" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.height">height</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文本显示高度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textBorderColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textBorderColor">textBorderColor</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的描边颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textBorderWidth" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textBorderWidth">textBorderWidth</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的描边宽度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textBorderType" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textBorderType">textBorderType</a>
                            </span> <!----> <span class="default-value"> = 'solid'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-string">string</span><span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-array">Array</span>
                        </div> <!---->
                        <div class="item-description">


                            <p>文字本身的描边类型。</p>
                            <p>可选：</p>
                            <ul>
                                <li><code class="codespan">'solid'</code></li>
                                <li><code class="codespan">'dashed'</code></li>
                                <li><code class="codespan">'dotted'</code></li>
                            </ul>
                            <p>
                                自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者
                                <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                   target="_blank">dash array</a>，配合
                                <code class="codespan">textBorderDashOffset</code>
                                可实现更灵活的虚线效果。
                            </p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">{
	
	textBorderType: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	textBorderDashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textBorderDashOffset"
                         class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textBorderDashOffset">textBorderDashOffset</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <blockquote>
                                <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                            </blockquote>


                            <p>
                                用于设置虚线的偏移量，可搭配
                                <code class="codespan">textBorderType</code>
                                指定 dash array 实现灵活的虚线效果。
                            </p>
                            <p>
                                更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                target="_blank">lineDashOffset</a>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textShadowColor" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textShadowColor">textShadowColor</a>
                            </span> <!----> <span class="default-value"> = 'transparent'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-color">Color</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影颜色。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textShadowBlur" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textShadowBlur">textShadowBlur</a>
                            </span> <!----> <!---->
                            <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影长度。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textShadowOffsetX" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textShadowOffsetX">textShadowOffsetX</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影 X 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-textShadowOffsetY" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.textShadowOffsetY">textShadowOffsetY</a>
                            </span> <!---->
                            <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">

                            <p>文字本身的阴影 Y 偏移。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-overflow" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.overflow">overflow</a>
                            </span> <!----> <span class="default-value"> = 'none'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>文字超出宽度是否截断或者换行。配置<code class="codespan">width</code>时有效</p>
                            <ul>
                                <li>
                                    <code class="codespan">'truncate'</code> 截断，并在末尾显示<code class="codespan">ellipsis</code>配置的文本，默认为<code class="codespan">...</code>
                                </li>
                                <li><code class="codespan">'break'</code> 换行</li>
                                <li>
                                    <code class="codespan">'breakAll'</code> 换行，跟<code class="codespan">'break'</code>不同的是，在英语等拉丁文中，<code class="codespan">'breakAll'</code>还会强制单词内换行
                                </li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-ellipsis" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.ellipsis">ellipsis</a>
                            </span> <!----> <span class="default-value"> = '...'</span> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">
                            <p>
                                在<code class="codespan">overflow</code>配置为<code class="codespan">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisLabel-rich" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisLabel">axisLabel.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisLabel.rich">rich</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>在 <code class="codespan">rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>
                            <p>例如：</p>
                            <pre><code class="lang-ts hljs typescript">label: {
                            <span class="hljs-comment">// 在文本中，可以对部分文本采用 rich 中定义样式。</span>
                            <span class="hljs-comment">// 这里需要在文本中使用标记符号：</span>
                            <span class="hljs-comment">// `{styleName|text content text content}` 标记样式名。</span>
                            <span class="hljs-comment">// 注意，换行仍是使用 '\n'。</span>
		formatter: [
                            <span class="hljs-string">'{a|这段文本采用样式a}'</span>,
                            <span class="hljs-string">'{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'</span>
		].join(<span class="hljs-string">'\n'</span>),
	
		rich: {
			a: {
				color: <span class="hljs-string">'red'</span>,
				lineHeight: <span class="hljs-number">10</span>
			},
			b: {
				backgroundColor: {
					image: <span class="hljs-string">'xxx/xxx.jpg'</span>
				},
				height: <span class="hljs-number">40</span>
			},
			x: {
				fontSize: <span class="hljs-number">18</span>,
				fontFamily: <span class="hljs-string">'Microsoft YaHei'</span>,
				borderColor: <span class="hljs-string">'#449933'</span>,
				borderRadius: <span class="hljs-number">4</span>
			},
			...
		}
	}
	</code></pre>
                            <p>
                                详情参见教程：<a href="tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE"
                                          target="_blank">富文本标签</a>
                            </p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9044" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">&lt;style_name&gt;</div>
                                            <div class="property-popup-desc"></div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisLabel.rich.<style_name>" class="el-popover__reference"
                                               aria-describedby="el-popover-9044"
                                               tabindex="0">&lt;style_name&gt;</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-splitLine" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.splitLine">splitLine</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴在 <a href="#grid">grid</a> 区域中的分隔线。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-splitLine-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitLine">splitLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitLine.show">show</a>
                            </span> <!----> <span class="default-value">
                                =
                                true
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-splitLine-interval" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitLine">splitLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitLine.interval">interval</a>
                            </span> <!----> <span class="default-value"> = 'auto'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">



                            <p>
                                坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href="#xAxis.axisLabel.interval">axisLabel.interval</a> 一样。
                            </p>
                            <p>默认会采用标签不重叠的策略间隔显示标签。</p>
                            <p>可以设置成 0 强制显示所有标签。</p>
                            <p>
                                如果设置为 <code class="codespan">1</code>，表示『隔一个标签显示一个标签』，如果值为 <code class="codespan">2</code>，表示隔两个标签显示一个标签，以此类推。
                            </p>
                            <p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>
                            <pre><code class="lang-ts hljs typescript">(index:<span class="hljs-built_in">number</span>, value: <span class="hljs-built_in">string</span>) =&gt; <span class="hljs-built_in">boolean</span>
	</code></pre>
                            <p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code class="codespan">false</code>。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-splitLine-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitLine">splitLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitLine.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description"></div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9567" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>分隔线颜色，可以设置成单个颜色。</p>
                                                <p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>
                                                <p>示例</p>
                                                <pre><code class="hljs javascript">splitLine: {
                                                <span class="hljs-attr">lineStyle</span>: {
                                                <span class="hljs-comment">// 使用深浅的间隔色</span>
                                                <span class="hljs-attr">color</span>: [<span class="hljs-string">'#aaa'</span>, <span class="hljs-string">'#ddd'</span>]
		}
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-9567" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6518" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>分隔线线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.width" class="el-popover__reference"
                                               aria-describedby="el-popover-6518" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8950" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.type" class="el-popover__reference"
                                               aria-describedby="el-popover-8950" tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6121" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-6121"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-162" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-162" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6120" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.join" class="el-popover__reference"
                                               aria-describedby="el-popover-6120" tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2596" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-2596"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9869" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-9869"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1771" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-1771"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8551" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-8551"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-203" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-203"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7717" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>

                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitLine.lineStyle.opacity" class="el-popover__reference"
                                               aria-describedby="el-popover-7717" tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-minorSplitLine" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.minorSplitLine">minorSplitLine</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <blockquote>
                        <p>从 <code class="codespan">v4.6.0</code> 开始支持</p>
                    </blockquote>
                    <p>坐标轴在 <a href="#grid">grid</a> 区域中的次分隔线。次分割线会对齐次刻度线 <a href="#xAxis.minorTick">minorTick</a></p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-minorSplitLine-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorSplitLine">minorSplitLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorSplitLine.show">show</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示次分隔线。默认不显示。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-minorSplitLine-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.minorSplitLine">minorSplitLine.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.minorSplitLine.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description"></div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1707" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>次分隔线线的颜色。</p>
                                                <blockquote>
                                                    <p>
                                                        支持使用<code class="codespan">rgb(255,255,255)</code>，<code class="codespan">rgba(255,255,255,1)</code>，<code class="codespan">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href="#color">option.color</a>
                                                    </p>
                                                </blockquote>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.color"
                                               class="el-popover__reference" aria-describedby="el-popover-1707"
                                               tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7339" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>次分隔线线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.width"
                                               class="el-popover__reference" aria-describedby="el-popover-7339"
                                               tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-485" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.type"
                                               class="el-popover__reference" aria-describedby="el-popover-485"
                                               tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8558" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-8558"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1235" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-1235" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8448" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.join"
                                               class="el-popover__reference" aria-describedby="el-popover-8448"
                                               tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2814" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-2814"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8177" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-8177"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6325" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-6325"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9513" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-9513"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7690" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-7690"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-105" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.minorSplitLine.lineStyle.opacity"
                                               class="el-popover__reference" aria-describedby="el-popover-105"
                                               tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-splitArea" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.splitArea">splitArea</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴在 <a href="#grid">grid</a> 区域中的分隔区域，默认不显示。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-splitArea-interval" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitArea">splitArea.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitArea.interval">interval</a>
                            </span> <!----> <span class="default-value"> = 'auto'</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types">
                            <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                        </div> <!---->
                        <div class="item-description">



                            <p>
                                坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href="#xAxis.axisLabel.interval">axisLabel.interval</a> 一样。
                            </p>
                            <p>默认会采用标签不重叠的策略间隔显示标签。</p>
                            <p>可以设置成 0 强制显示所有标签。</p>
                            <p>
                                如果设置为 <code class="codespan">1</code>，表示『隔一个标签显示一个标签』，如果值为 <code class="codespan">2</code>，表示隔两个标签显示一个标签，以此类推。
                            </p>
                            <p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>
                            <pre><code class="lang-ts hljs typescript">(index:<span class="hljs-built_in">number</span>, value: <span class="hljs-built_in">string</span>) =&gt; <span class="hljs-built_in">boolean</span>
	</code></pre>
                            <p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code class="codespan">false</code>。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-splitArea-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitArea">splitArea.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitArea.show">show</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否显示分隔区域。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-splitArea-areaStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.splitArea">splitArea.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.splitArea.areaStyle">areaStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>分隔区域的样式设置。</p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9268" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">
                                                <p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-9268" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1704" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-1704"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8346" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-8346"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2959" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-2959"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9976" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-9976"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5260" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.splitArea.areaStyle.opacity" class="el-popover__reference"
                                               aria-describedby="el-popover-5260" tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-data" class="doc-content-item-card level-1">
                <!---->
                <h4>
                    <!----> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.data">data</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-array">Array</span></div> <!---->
                <div class="item-description">
                    <p>类目数据，在类目轴（<a href="#xAxis.type">type</a>: <code class="codespan">'category'</code>）中有效。</p>
                    <p>
                        如果没有设置 <a href="#xAxis.type">type</a>，但是设置了 <code class="codespan">axis.data</code>，则认为 <code class="codespan">type</code> 是 <code class="codespan">'category'</code>。
                    </p>
                    <p>
                        如果设置了 <a href="#xAxis.type">type</a> 是 <code class="codespan">'category'</code>，但没有设置 <code class="codespan">axis.data</code>，则 <code class="codespan">axis.data</code> 的内容会自动从 <a href="#series.data">series.data</a> 中获取，这会比较方便。不过注意，<code class="codespan">axis.data</code>
                        指明的是 <code class="codespan">'category'</code> 轴的取值范围。如果不指定而是从 <a href="#series.data">series.data</a> 中获取，那么只能获取到 <a href="#series.data">series.data</a>
                        中出现的值。比如说，假如 <a href="#series.data">series.data</a> 为空时，就什么也获取不到。
                    </p>
                    <p>示例：</p>
                    <pre><code class="lang-ts hljs typescript"><span class="hljs-comment">// 所有类目名称列表</span>
	data: [<span class="hljs-string">'周一'</span>, <span class="hljs-string">'周二'</span>, <span class="hljs-string">'周三'</span>, <span class="hljs-string">'周四'</span>, <span class="hljs-string">'周五'</span>, <span class="hljs-string">'周六'</span>, <span class="hljs-string">'周日'</span>]
                    <span class="hljs-comment">// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名</span>
	data: [{
		value: <span class="hljs-string">'周一'</span>,
                    <span class="hljs-comment">// 突出周一</span>
		textStyle: {
			fontSize: <span class="hljs-number">20</span>,
			color: <span class="hljs-string">'red'</span>
		}
	}, <span class="hljs-string">'周二'</span>, <span class="hljs-string">'周三'</span>, <span class="hljs-string">'周四'</span>, <span class="hljs-string">'周五'</span>, <span class="hljs-string">'周六'</span>, <span class="hljs-string">'周日'</span>]
	</code></pre>
                </div> <!---->
                <div class="properties-list-panel">
                    <h5>所有属性</h5>
                    <div class="properties-list">
                        {
                        <span>
                            <span>
                                <div role="tooltip" id="el-popover-5858" aria-hidden="true" class="el-popover el-popper"
                                     tabindex="0" style="display: none;">
                                    <div class="el-popover__title">value</div>
                                    <div class="property-popup-desc">
                                        <p>单个类目名称。</p>
                                    </div>
                                </div><span class="el-popover__reference-wrapper">
                                    <a href="#xAxis.data.value"
                                       class="el-popover__reference" aria-describedby="el-popover-5858"
                                       tabindex="0">value</a>
                                </span>
                            </span> <span>, </span>
                        </span><span>
                            <span>
                                <div role="tooltip" id="el-popover-4048" aria-hidden="true" class="el-popover el-popper"
                                     tabindex="0" style="display: none;">
                                    <div class="el-popover__title">textStyle</div>
                                    <div class="property-popup-desc">
                                        <p>类目标签的文字样式。</p>
                                    </div>
                                </div><span class="el-popover__reference-wrapper">
                                    <a href="#xAxis.data.textStyle"
                                       class="el-popover__reference" aria-describedby="el-popover-4048"
                                       tabindex="0">textStyle</a>
                                </span>
                            </span> <!---->
                        </span>
                        }
                    </div>
                </div>
            </div>
            <div id="doc-content-xAxis-axisPointer" class="doc-content-item-card level-1">
                <div class="hierarchy-line"></div>
                <h4>
                    <!----> <i class="expand-toggle el-icon-remove-outline"></i> <span class="path-parent">
                        <a href="#xAxis">xAxis.</a>
                    </span> <span class="path-base">
                        <a href="#xAxis.axisPointer">axisPointer</a>
                    </span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                <div class="item-description">
                    <p>坐标轴指示器配置项。</p>
                </div>
                <div class="children">
                    <div id="doc-content-xAxis-axisPointer-show" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.show">show</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>
                                默认不显示。但是如果 <a href="#tooltip.trigger">tooltip.trigger</a> 设置为 <code class="codespan">'axis'</code> 或者 <a href="#tooltip.axisPointer.type">tooltip.axisPointer.type</a> 设置为 <code class="codespan">'cross'</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用
                                <a href="#tooltip.axisPointer.axis">tooltip.axisPointer.axis</a> 改变这种选择。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-type" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.type">type</a>
                            </span> <!----> <span class="default-value">
                                = 'line'
                            </span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                        <div class="item-description">

                            <p>指示器类型。</p>
                            <p>可选</p>
                            <ul>
                                <li>
                                    <p><code class="codespan">'line'</code> 直线指示器</p>
                                </li>
                                <li>
                                    <p><code class="codespan">'shadow'</code> 阴影指示器</p>
                                </li>
                                <li>
                                    <p><code class="codespan">'none'</code> 无指示器</p>
                                </li>
                            </ul>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-snap" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.snap">snap</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">
                            <p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>
                            <p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-z" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.z">z</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <p>
                                坐标轴指示器的 z 值。控制图形的前后顺序。<code class="codespan">z</code>值小的图形会被<code class="codespan">z</code>值大的图形覆盖。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-label" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.label">label</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>坐标轴指示器的文本标签。</p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2190" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">show</div>
                                            <div class="property-popup-desc">
                                                <p>
                                                    是否显示文本标签。如果 <a href="#tooltip.axisPointer.type">tooltip.axisPointer.type</a>
                                                    设置为 <code class="codespan">'cross'</code> 则默认显示标签，否则默认不显示。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.show" class="el-popover__reference"
                                               aria-describedby="el-popover-2190" tabindex="0">show</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-3555" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">precision</div>
                                            <div class="property-popup-desc">
                                                <p>
                                                    文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code class="codespan">2</code>
                                                    表示保留两位小数。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.precision" class="el-popover__reference"
                                               aria-describedby="el-popover-3555" tabindex="0">precision</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8000" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">formatter</div>
                                            <div class="property-popup-desc">
                                                <p>文本标签文字的格式化器。</p>
                                                <p>
                                                    如果为 <code class="codespan">string</code>，可以是例如：<code class="codespan">formatter: 'some text {value} some text</code>，其中
                                                    <code class="codespan">{value}</code> 会被自动替换为轴的值。
                                                </p>
                                                <p>如果为 <code class="codespan">function</code>，可以是例如：</p>
                                                <p><strong>参数：</strong></p>
                                                <p><code class="codespan">{Object}</code> params: 含有：</p>
                                                <p>
                                                    <code class="codespan">{Object}</code> params.value: 轴当前值，如果
                                                    axis.type 为 'category' 时，其值为 axis.data 里的数值。如果 axis.type 为 <code class="codespan">'time'</code>，其值为时间戳。
                                                </p>
                                                <p>
                                                    <code class="codespan">{Array.&lt;Object&gt;}</code>
                                                    params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为
                                                </p>
                                                <p>
                                                    <code class="codespan">{string}</code> params.axisDimension:
                                                    轴的维度名，例如直角坐标系中是 <code class="codespan">'x'</code>、<code class="codespan">'y'</code>，极坐标系中是 <code class="codespan">'radius'</code>、<code class="codespan">'angle'</code>。
                                                </p>
                                                <p>
                                                    <code class="codespan">{number}</code> params.axisIndex: 轴的
                                                    index，<code class="codespan">0</code>、<code class="codespan">1</code>、<code class="codespan">2</code>、...
                                                </p>
                                                <pre><code class="lang-ts hljs typescript">{
		componentType: <span class="hljs-string">'series'</span>,
                                                <span class="hljs-comment">// 系列类型</span>
		seriesType: <span class="hljs-built_in">string</span>,
                                                <span class="hljs-comment">// 系列在传入的 option.series 中的 index</span>
		seriesIndex: <span class="hljs-built_in">number</span>,
                                                <span class="hljs-comment">// 系列名称</span>
		seriesName: <span class="hljs-built_in">string</span>,
                                                <span class="hljs-comment">// 数据名，类目名</span>
		name: <span class="hljs-built_in">string</span>,
                                                <span class="hljs-comment">// 数据在传入的 data 数组中的 index</span>
		dataIndex: <span class="hljs-built_in">number</span>,
                                                <span class="hljs-comment">// 传入的原始数据项</span>
		data: <span class="hljs-built_in">Object</span>,
                                                <span class="hljs-comment">// 传入的数据值。在多数系列下它和 data 相同。在一些系列下是 data 中的分量（如 map、radar 中）</span>
		value: <span class="hljs-built_in">number</span>|<span class="hljs-built_in">Array</span>|<span class="hljs-built_in">Object</span>,
                                                <span class="hljs-comment">// 坐标轴 encode 映射信息，</span>
                                                <span class="hljs-comment">// key 为坐标轴（如 'x' 'y' 'radius' 'angle' 等）</span>
                                                <span class="hljs-comment">// value 必然为数组，不会为 null/undefined，表示 dimension index 。</span>
                                                <span class="hljs-comment">// 其内容如：</span>
                                                <span class="hljs-comment">// {</span>
                                                <span class="hljs-comment">//     x: [2] // dimension index 为 2 的数据映射到 x 轴</span>
                                                <span class="hljs-comment">//     y: [0] // dimension index 为 0 的数据映射到 y 轴</span>
                                                <span class="hljs-comment">// }</span>
		encode: <span class="hljs-built_in">Object</span>,
                                                <span class="hljs-comment">// 维度名列表</span>
		dimensionNames: <span class="hljs-built_in">Array</span>&lt;<span class="hljs-built_in">String</span>&gt;,
                                                <span class="hljs-comment">// 数据的维度 index，如 0 或 1 或 2 ...</span>
                                                <span class="hljs-comment">// 仅在雷达图中使用。</span>
		dimensionIndex: <span class="hljs-built_in">number</span>,
                                                <span class="hljs-comment">// 数据图形的颜色</span>
		color: <span class="hljs-built_in">string</span>
	}
	</code></pre>
                                                <p>注：encode 和 dimensionNames 的使用方式，例如：</p>
                                                <p>如果数据为：</p>
                                                <pre><code class="lang-ts hljs typescript">dataset: {
		source: [
			[<span class="hljs-string">'Matcha Latte'</span>, <span class="hljs-number">43.3</span>, <span class="hljs-number">85.8</span>, <span class="hljs-number">93.7</span>],
			[<span class="hljs-string">'Milk Tea'</span>, <span class="hljs-number">83.1</span>, <span class="hljs-number">73.4</span>, <span class="hljs-number">55.1</span>],
			[<span class="hljs-string">'Cheese Cocoa'</span>, <span class="hljs-number">86.4</span>, <span class="hljs-number">65.2</span>, <span class="hljs-number">82.5</span>],
			[<span class="hljs-string">'Walnut Brownie'</span>, <span class="hljs-number">72.4</span>, <span class="hljs-number">53.9</span>, <span class="hljs-number">39.1</span>]
		]
	}
	</code></pre>
                                                <p>则可这样得到 y 轴对应的 value：</p>
                                                <pre><code class="lang-ts hljs typescript">params.value[params.encode.y[<span class="hljs-number">0</span>]]
	</code></pre>
                                                <p>如果数据为：</p>
                                                <pre><code class="lang-ts hljs typescript">dataset: {
		dimensions: [<span class="hljs-string">'product'</span>, <span class="hljs-string">'2015'</span>, <span class="hljs-string">'2016'</span>, <span class="hljs-string">'2017'</span>],
		source: [
			{product: <span class="hljs-string">'Matcha Latte'</span>, <span class="hljs-string">'2015'</span>: <span class="hljs-number">43.3</span>, <span class="hljs-string">'2016'</span>: <span class="hljs-number">85.8</span>, <span class="hljs-string">'2017'</span>: <span class="hljs-number">93.7</span>},
			{product: <span class="hljs-string">'Milk Tea'</span>, <span class="hljs-string">'2015'</span>: <span class="hljs-number">83.1</span>, <span class="hljs-string">'2016'</span>: <span class="hljs-number">73.4</span>, <span class="hljs-string">'2017'</span>: <span class="hljs-number">55.1</span>},
			{product: <span class="hljs-string">'Cheese Cocoa'</span>, <span class="hljs-string">'2015'</span>: <span class="hljs-number">86.4</span>, <span class="hljs-string">'2016'</span>: <span class="hljs-number">65.2</span>, <span class="hljs-string">'2017'</span>: <span class="hljs-number">82.5</span>},
			{product: <span class="hljs-string">'Walnut Brownie'</span>, <span class="hljs-string">'2015'</span>: <span class="hljs-number">72.4</span>, <span class="hljs-string">'2016'</span>: <span class="hljs-number">53.9</span>, <span class="hljs-string">'2017'</span>: <span class="hljs-number">39.1</span>}
		]
	}
	</code></pre>
                                                <p>则可这样得到 y 轴对应的 value：</p>
                                                <pre><code class="lang-ts hljs typescript">params.value[params.dimensionNames[params.encode.y[<span class="hljs-number">0</span>]]]
	</code></pre>
                                                <p>每项内容还包括轴的信息：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		axisDim: <span class="hljs-string">'x'</span>, <span class="hljs-comment">// 'x', 'y', 'angle', 'radius', 'single'</span>
		axisId: <span class="hljs-string">'xxx'</span>,
		axisName: <span class="hljs-string">'xxx'</span>,
		axisIndex: <span class="hljs-number">3</span>,
		axisValue: <span class="hljs-number">121</span>, <span class="hljs-comment">// 当前 axisPointer 对应的 value。</span>
		axisValueLabel: <span class="hljs-string">'文本'</span>
	}
	</code></pre>
                                                <p><strong>返回值：</strong></p>
                                                <p>显示的 string。</p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">formatter: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">params</span>) </span>{
                                                <span class="hljs-comment">// 假设此轴的 type 为 'time'。</span>
                                                <span class="hljs-keyword">return</span> <span class="hljs-string">'some text'</span> + echarts.format.formatTime(params.value);
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.formatter" class="el-popover__reference"
                                               aria-describedby="el-popover-8000" tabindex="0">formatter</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6040" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">margin</div>
                                            <div class="property-popup-desc">
                                                <p>label 距离轴的距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.margin" class="el-popover__reference"
                                               aria-describedby="el-popover-6040" tabindex="0">margin</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4444" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>文字的颜色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.color" class="el-popover__reference"
                                               aria-describedby="el-popover-4444" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2089" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">fontStyle</div>
                                            <div class="property-popup-desc">

                                                <p>文字字体的风格。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'normal'</code></li>
                                                    <li><code class="codespan">'italic'</code></li>
                                                    <li><code class="codespan">'oblique'</code></li>
                                                </ul>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.fontStyle" class="el-popover__reference"
                                               aria-describedby="el-popover-2089" tabindex="0">fontStyle</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9500" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">fontWeight</div>
                                            <div class="property-popup-desc">

                                                <p>文字字体的粗细。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'normal'</code></li>
                                                    <li><code class="codespan">'bold'</code></li>
                                                    <li><code class="codespan">'bolder'</code></li>
                                                    <li><code class="codespan">'lighter'</code></li>
                                                    <li>100 | 200 | 300 | 400...</li>
                                                </ul>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.fontWeight" class="el-popover__reference"
                                               aria-describedby="el-popover-9500" tabindex="0">fontWeight</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4308" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">fontFamily</div>
                                            <div class="property-popup-desc">

                                                <p>文字的字体系列。</p>
                                                <p>
                                                    还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft
                                                    YaHei', ...
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.fontFamily" class="el-popover__reference"
                                               aria-describedby="el-popover-4308" tabindex="0">fontFamily</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7732" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">fontSize</div>
                                            <div class="property-popup-desc">

                                                <p>文字的字体大小。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.fontSize" class="el-popover__reference"
                                               aria-describedby="el-popover-7732" tabindex="0">fontSize</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8766" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">lineHeight</div>
                                            <div class="property-popup-desc">

                                                <p>行高。</p>
                                                <p>
                                                    <code class="codespan">rich</code> 中如果没有设置 <code class="codespan">lineHeight</code>，则会取父层级的 <code class="codespan">lineHeight</code>。例如：
                                                </p>
                                                <pre><code class="lang-ts hljs typescript">{
		lineHeight: <span class="hljs-number">56</span>,
		rich: {
			a: {
                                                <span class="hljs-comment">// 没有设置 `lineHeight`，则 `lineHeight` 为 56</span>
			}
		}
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.lineHeight" class="el-popover__reference"
                                               aria-describedby="el-popover-8766" tabindex="0">lineHeight</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-3405" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>文本显示宽度。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.width" class="el-popover__reference"
                                               aria-describedby="el-popover-3405" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7353" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">height</div>
                                            <div class="property-popup-desc">

                                                <p>文本显示高度。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.height" class="el-popover__reference"
                                               aria-describedby="el-popover-7353" tabindex="0">height</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7749" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textBorderColor</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的描边颜色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textBorderColor"
                                               class="el-popover__reference" aria-describedby="el-popover-7749"
                                               tabindex="0">textBorderColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5545" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textBorderWidth</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的描边宽度。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textBorderWidth"
                                               class="el-popover__reference" aria-describedby="el-popover-5545"
                                               tabindex="0">textBorderWidth</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8521" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textBorderType</div>
                                            <div class="property-popup-desc">


                                                <p>文字本身的描边类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">textBorderDashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
	textBorderType: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	textBorderDashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textBorderType"
                                               class="el-popover__reference" aria-describedby="el-popover-8521"
                                               tabindex="0">textBorderType</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6106" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textBorderDashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">textBorderType</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textBorderDashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-6106"
                                               tabindex="0">textBorderDashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5311" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textShadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的阴影颜色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textShadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-5311"
                                               tabindex="0">textShadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1374" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textShadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的阴影长度。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textShadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-1374"
                                               tabindex="0">textShadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6184" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textShadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的阴影 X 偏移。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textShadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-6184"
                                               tabindex="0">textShadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7920" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">textShadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>文字本身的阴影 Y 偏移。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.textShadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-7920"
                                               tabindex="0">textShadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5854" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">overflow</div>
                                            <div class="property-popup-desc">

                                                <p>文字超出宽度是否截断或者换行。配置<code class="codespan">width</code>时有效</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'truncate'</code> 截断，并在末尾显示<code class="codespan">ellipsis</code>配置的文本，默认为<code class="codespan">...</code>
                                                    </li>
                                                    <li><code class="codespan">'break'</code> 换行</li>
                                                    <li>
                                                        <code class="codespan">'breakAll'</code> 换行，跟<code class="codespan">'break'</code>不同的是，在英语等拉丁文中，<code class="codespan">'breakAll'</code>还会强制单词内换行
                                                    </li>
                                                </ul>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.overflow" class="el-popover__reference"
                                               aria-describedby="el-popover-5854" tabindex="0">overflow</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5293" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">ellipsis</div>
                                            <div class="property-popup-desc">
                                                <p>
                                                    在<code class="codespan">overflow</code>配置为<code class="codespan">'truncate'</code>的时候，可以通过该属性配置末尾显示的文本。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.ellipsis" class="el-popover__reference"
                                               aria-describedby="el-popover-5293" tabindex="0">ellipsis</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8963" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">padding</div>
                                            <div class="property-popup-desc">

                                                <p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>
                                                <p>使用示例：</p>
                                                <pre><code class="lang-ts hljs typescript"><span class="hljs-comment">// 设置内边距为 5</span>
	padding: <span class="hljs-number">5</span>
                                                <span class="hljs-comment">// 设置上下的内边距为 5，左右的内边距为 10</span>
	padding: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>]
                                                <span class="hljs-comment">// 分别设置四个方向的内边距</span>
	padding: [
                                                <span class="hljs-number">5</span>,  <span class="hljs-comment">// 上</span>
                                                <span class="hljs-number">10</span>, <span class="hljs-comment">// 右</span>
                                                <span class="hljs-number">5</span>,  <span class="hljs-comment">// 下</span>
                                                <span class="hljs-number">10</span>, <span class="hljs-comment">// 左</span>
	]
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.padding" class="el-popover__reference"
                                               aria-describedby="el-popover-8963" tabindex="0">padding</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5800" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">backgroundColor</div>
                                            <div class="property-popup-desc">
                                                <p>
                                                    文本标签的背景颜色，默认是和 <a href="#xAxis.axisLine.lineStyle.color">axis.axisLine.lineStyle.color</a>
                                                    相同。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.backgroundColor"
                                               class="el-popover__reference" aria-describedby="el-popover-5800"
                                               tabindex="0">backgroundColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9959" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">borderColor</div>
                                            <div class="property-popup-desc">
                                                <p>文本标签的边框颜色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.borderColor"
                                               class="el-popover__reference" aria-describedby="el-popover-9959"
                                               tabindex="0">borderColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5932" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">borderWidth</div>
                                            <div class="property-popup-desc">
                                                <p>文本标签的边框宽度。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.borderWidth"
                                               class="el-popover__reference" aria-describedby="el-popover-5932"
                                               tabindex="0">borderWidth</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5401" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.shadowBlur" class="el-popover__reference"
                                               aria-describedby="el-popover-5401" tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-3506" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-3506"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9166" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-9166"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7006" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.label.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-7006"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                    <div id="doc-content-xAxis-axisPointer-lineStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.lineStyle">lineStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>
                                <a href="#tooltip.axisPointer.type">axisPointer.type</a> 为 <code class="codespan">'line'</code> 时有效。
                            </p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4406" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>线的颜色。</p>
                                                <blockquote>
                                                    <p>
                                                        支持使用<code class="codespan">rgb(255,255,255)</code>，<code class="codespan">rgba(255,255,255,1)</code>，<code class="codespan">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href="#color">option.color</a>
                                                    </p>
                                                </blockquote>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-4406" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4345" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">width</div>
                                            <div class="property-popup-desc">

                                                <p>线宽。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.width" class="el-popover__reference"
                                               aria-describedby="el-popover-4345" tabindex="0">width</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1152" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">type</div>
                                            <div class="property-popup-desc">


                                                <p>线的类型。</p>
                                                <p>可选：</p>
                                                <ul>
                                                    <li><code class="codespan">'solid'</code></li>
                                                    <li><code class="codespan">'dashed'</code></li>
                                                    <li><code class="codespan">'dotted'</code></li>
                                                </ul>
                                                <p>
                                                    自 <code class="codespan">v5.0.0</code> 开始，也可以是 <code class="codespan">number</code> 或者 <code class="codespan">number</code> 数组，用以指定线条的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/stroke-dasharray"
                                                                                                                                                                                              target="_blank">dash array</a>，配合
                                                    <code class="codespan">dashOffset</code>
                                                    可实现更灵活的虚线效果。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="lang-ts hljs typescript">{
	
                                                <span class="hljs-keyword">type</span>: [<span class="hljs-number">5</span>, <span class="hljs-number">10</span>],
	
	dashOffset: <span class="hljs-number">5</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.type" class="el-popover__reference"
                                               aria-describedby="el-popover-1152" tabindex="0">type</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-981" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">dashOffset</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置虚线的偏移量，可搭配
                                                    <code class="codespan">type</code>
                                                    指定 dash array 实现灵活的虚线效果。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineDashOffset"
                                                                    target="_blank">lineDashOffset</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.dashOffset"
                                               class="el-popover__reference" aria-describedby="el-popover-981"
                                               tabindex="0">dashOffset</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7704" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">cap</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>用于指定线段末端的绘制方式，可以是：</p>
                                                <ul>
                                                    <li><code class="codespan">'butt'</code>: 线段末端以方形结束。</li>
                                                    <li><code class="codespan">'round'</code>: 线段末端以圆形结束。</li>
                                                    <li>
                                                        <code class="codespan">'square'</code>:
                                                        线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'butt'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineCap"
                                                                                                               target="_blank">lineCap</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.cap" class="el-popover__reference"
                                               aria-describedby="el-popover-7704" tabindex="0">cap</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9235" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">join</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
                                                </p>
                                                <p>可以是：</p>
                                                <ul>
                                                    <li>
                                                        <code class="codespan">'bevel'</code>: 在相连部分的末端填充一个额外的以三角形为底的区域，
                                                        每个部分都有各自独立的矩形拐角。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'round'</code>:
                                                        通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
                                                    </li>
                                                    <li>
                                                        <code class="codespan">'miter'</code>:
                                                        通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置可以通过
                                                        <code class="codespan">miterLimit</code>
                                                        属性看到效果。
                                                    </li>
                                                </ul>
                                                <p>
                                                    默认值为 <code class="codespan">'bevel'</code>。 更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/lineJoin"
                                                                                                                target="_blank">lineJoin</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.join" class="el-popover__reference"
                                               aria-describedby="el-popover-9235" tabindex="0">join</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5259" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">miterLimit</div>
                                            <div class="property-popup-desc">
                                                <blockquote>
                                                    <p>从 <code class="codespan">v5.0.0</code> 开始支持</p>
                                                </blockquote>


                                                <p>
                                                    用于设置斜接面限制比例。只有当
                                                    <code class="codespan">join</code>
                                                    为 <code class="codespan">miter</code> 时，
                                                    <code class="codespan">miterLimit</code>
                                                    才有效。
                                                </p>
                                                <p>
                                                    默认值为 <code class="codespan">10</code>。负数、<code class="codespan">0</code>、<code class="codespan">Infinity</code>
                                                    和 <code class="codespan">NaN</code> 均会被忽略。
                                                </p>
                                                <p>
                                                    更多详情可以参考 MDN <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/miterLimit"
                                                                    target="_blank">miterLimit</a>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.miterLimit"
                                               class="el-popover__reference" aria-describedby="el-popover-5259"
                                               tabindex="0">miterLimit</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2842" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-2842"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2626" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-2626"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-869" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-869"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8291" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-8291"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7015" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.lineStyle.opacity"
                                               class="el-popover__reference" aria-describedby="el-popover-7015"
                                               tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                    <div id="doc-content-xAxis-axisPointer-shadowStyle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.shadowStyle">shadowStyle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>
                                <a href="#tooltip.axisPointer.type">axisPointer.type</a> 为 <code class="codespan">'shadow'</code> 时有效。
                            </p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-1287" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>填充的颜色。</p>
                                                <blockquote>
                                                    <p>
                                                        支持使用<code class="codespan">rgb(255,255,255)</code>，<code class="codespan">rgba(255,255,255,1)</code>，<code class="codespan">#fff</code>等方式设置为纯色，也支持设置为渐变色和纹理填充，具体见<a href="#color">option.color</a>
                                                    </p>
                                                </blockquote>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.color"
                                               class="el-popover__reference" aria-describedby="el-popover-1287"
                                               tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-8043" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-8043"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-6238" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-6238"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5297" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-5297"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5622" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-5622"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4773" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">opacity</div>
                                            <div class="property-popup-desc">

                                                <p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.shadowStyle.opacity"
                                               class="el-popover__reference" aria-describedby="el-popover-4773"
                                               tabindex="0">opacity</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                    <div id="doc-content-xAxis-axisPointer-triggerEmphasis" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.triggerEmphasis">triggerEmphasis</a>
                            </span> <!----> <span class="default-value"> = true</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">



                            <blockquote>
                                <p>从 <code class="codespan">v5.4.3</code> 开始支持</p>
                            </blockquote>
                            <p>是否触发系列强调功能。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-triggerTooltip" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.triggerTooltip">triggerTooltip</a>
                            </span> <!----> <span class="default-value"> = true</span> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-value" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.value">value</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                        <div class="item-description">
                            <p>
                                当前的 value。在使用 <a href="xAxisPointer.handle" target="_blank">axisPointer.handle</a>
                                时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-status" class="doc-content-item-card level-2 leaf">
                        <!---->
                        <h4>
                            <span class="guider"></span> <!----> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.status">status</a>
                            </span> <!----> <!----> <span class="control-toggle">
                                <i></i> 试一试
                            </span>
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                        <div class="item-description">

                            <p>
                                当前的状态，可取值为 <code class="codespan">'show'</code> 和 <code class="codespan">'hide'</code>。
                            </p>
                        </div> <!----> <!---->
                    </div>
                    <div id="doc-content-xAxis-axisPointer-handle" class="doc-content-item-card level-2">
                        <!---->
                        <h4>
                            <span class="guider"></span> <i class="expand-toggle el-icon-circle-plus-outline"></i> <span class="path-parent">
                                <a href="#xAxis">xAxis.</a><a href="#xAxis.axisPointer">axisPointer.</a>
                            </span> <span class="path-base">
                                <a href="#xAxis.axisPointer.handle">handle</a>
                            </span> <!----> <!----> <!---->
                        </h4>
                        <div class="prop-types"><span class="prop-type prop-type-object">Object</span></div> <!---->
                        <div class="item-description">
                            <p>
                                拖拽手柄，适用于触屏的环境。参见 <a href="https://echarts.apache.org/examples/zh/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1"
                                                    target="_blank">例子</a>。
                            </p>
                        </div> <!---->
                        <div class="properties-list-panel">
                            <h5>所有属性</h5>
                            <div class="properties-list">
                                {
                                <span>
                                    <span>
                                        <div role="tooltip" id="el-popover-142" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">show</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    当 show 设为 <code class="codespan">true</code> 时开启，这时显示手柄，并且
                                                    axisPointer 会一直显示。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.show" class="el-popover__reference"
                                               aria-describedby="el-popover-142" tabindex="0">show</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9736" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">icon</div>
                                            <div class="property-popup-desc">

                                                <p>手柄的图标。</p>
                                                <p>
                                                    可以通过 <code class="codespan">'image://url'</code> 设置为图片，其中 URL
                                                    为图片的链接，或者 <code class="codespan">dataURI</code>。
                                                </p>
                                                <p>URL 为图片链接例如：</p>
                                                <pre><code class="hljs javascript"><span class="hljs-string">'image://http://example.website/a/b.png'</span>
	</code></pre>
                                                <p>URL 为 <code class="codespan">dataURI</code> 例如：</p>
                                                <pre><code class="hljs javascript"><span class="hljs-string">'image://'</span>
	</code></pre>
                                                <p>
                                                    可以通过 <code class="codespan">'path://'</code>
                                                    将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见
                                                    <a href="http://www.w3.org/TR/SVG/paths.html#PathData"
                                                       target="_blank">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。
                                                </p>
                                                <p>例如：</p>
                                                <pre><code class="hljs javascript"><span class="hljs-string">'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z'</span>
	</code></pre>
                                                <p>
                                                    参见 <a href="https://echarts.apache.org/examples/zh/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1"
                                                          target="_blank">使用图片的例子</a>
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.icon" class="el-popover__reference"
                                               aria-describedby="el-popover-9736" tabindex="0">icon</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9305" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">size</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    手柄的尺寸，可以设置单值，如 <code class="codespan">45</code>，也可以设置为数组：<code class="codespan">[width, height]</code>。
                                                </p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.size" class="el-popover__reference"
                                               aria-describedby="el-popover-9305" tabindex="0">size</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-7832" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">margin</div>
                                            <div class="property-popup-desc">

                                                <p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.margin" class="el-popover__reference"
                                               aria-describedby="el-popover-7832" tabindex="0">margin</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-9336" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">color</div>
                                            <div class="property-popup-desc">

                                                <p>手柄颜色。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.color" class="el-popover__reference"
                                               aria-describedby="el-popover-9336" tabindex="0">color</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2975" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">throttle</div>
                                            <div class="property-popup-desc">

                                                <p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.throttle" class="el-popover__reference"
                                               aria-describedby="el-popover-2975" tabindex="0">throttle</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-5601" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowBlur</div>
                                            <div class="property-popup-desc">

                                                <p>
                                                    图形阴影的模糊大小。该属性配合 <code class="codespan">shadowColor</code>,<code class="codespan">shadowOffsetX</code>, <code class="codespan">shadowOffsetY</code> 一起设置图形的阴影效果。
                                                </p>
                                                <p>示例：</p>
                                                <pre><code class="lang-ts hljs typescript">{
		shadowColor: <span class="hljs-string">'rgba(0, 0, 0, 0.5)'</span>,
		shadowBlur: <span class="hljs-number">10</span>
	}
	</code></pre>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.shadowBlur"
                                               class="el-popover__reference" aria-describedby="el-popover-5601"
                                               tabindex="0">shadowBlur</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-2061" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowColor</div>
                                            <div class="property-popup-desc">

                                                <p>阴影颜色。支持的格式同<code class="codespan">color</code>。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.shadowColor"
                                               class="el-popover__reference" aria-describedby="el-popover-2061"
                                               tabindex="0">shadowColor</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-4423" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetX</div>
                                            <div class="property-popup-desc">

                                                <p>阴影水平方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.shadowOffsetX"
                                               class="el-popover__reference" aria-describedby="el-popover-4423"
                                               tabindex="0">shadowOffsetX</a>
                                        </span>
                                    </span> <span>, </span>
                                </span><span>
                                    <span>
                                        <div role="tooltip" id="el-popover-551" aria-hidden="true"
                                             class="el-popover el-popper" tabindex="0" style="display: none;">
                                            <div class="el-popover__title">shadowOffsetY</div>
                                            <div class="property-popup-desc">

                                                <p>阴影垂直方向上的偏移距离。</p>
                                            </div>
                                        </div><span class="el-popover__reference-wrapper">
                                            <a href="#xAxis.axisPointer.handle.shadowOffsetY"
                                               class="el-popover__reference" aria-describedby="el-popover-551"
                                               tabindex="0">shadowOffsetY</a>
                                        </span>
                                    </span> <!---->
                                </span>
                                }
                            </div>
                        </div>
                    </div>
                </div> <!---->
            </div>
            <div id="doc-content-xAxis-animation" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animation">animation</a></span> <!----> <span class="default-value"> = true</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-boolean">boolean</span></div> <!---->
                <div class="item-description">

                    <p>是否开启动画。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationThreshold" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationThreshold">animationThreshold</a></span> <!---->
                    <span class="default-value"> = 2000</span> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">
                    <p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationDuration" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationDuration">animationDuration</a></span> <!----> <span class="default-value"> = 1000</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">

                    <p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的时长实现更戏剧的初始动画效果：</p>
                    <pre><code class="lang-ts hljs typescript">animationDuration: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">idx</span>) </span>{
                    <span class="hljs-comment">// 越往后的数据时长越大</span>
                    <span class="hljs-keyword">return</span> idx * <span class="hljs-number">100</span>;
	}
	</code></pre>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationEasing" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationEasing">animationEasing</a></span> <!----> <span class="default-value"> = 'cubicOut'</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">

                    <p>
                        初始动画的缓动效果。不同的缓动效果可以参考 <a href="https://echarts.apache.org/examples/zh/editor.html?c=line-easing"
                                                 target="_blank">缓动示例</a>。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationDelay" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationDelay">animationDelay</a></span> <!----> <!---->
                    <!---->
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">
                    <p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>
                    <p>如下示例：</p>
                    <pre><code class="lang-ts hljs typescript">animationDelay: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">idx</span>) </span>{
                    <span class="hljs-comment">// 越往后的数据延迟越大</span>
                    <span class="hljs-keyword">return</span> idx * <span class="hljs-number">100</span>;
	}
	</code></pre>
                    <p>
                        也可以看<a href="https://echarts.apache.org/examples/zh/editor.html?c=bar-animation-delay"
                               target="_blank">该示例</a>
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationDurationUpdate" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationDurationUpdate">animationDurationUpdate</a></span>
                    <!----> <span class="default-value"> = 300</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">

                    <p>数据更新动画的时长。</p>
                    <p>支持回调函数，可以通过每个数据返回不同的时长实现更戏剧的更新动画效果：</p>
                    <pre><code class="lang-ts hljs typescript">animationDurationUpdate: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">idx</span>) </span>{
                    <span class="hljs-comment">// 越往后的数据时长越大</span>
                    <span class="hljs-keyword">return</span> idx * <span class="hljs-number">100</span>;
	}
	</code></pre>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationEasingUpdate" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationEasingUpdate">animationEasingUpdate</a></span>
                    <!----> <span class="default-value"> = 'cubicInOut'</span> <span class="control-toggle">
                        <i></i> 试一试
                    </span>
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-string">string</span></div> <!---->
                <div class="item-description">

                    <p>数据更新动画的缓动效果。</p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-animationDelayUpdate" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.animationDelayUpdate">animationDelayUpdate</a></span> <!---->
                    <!----> <!---->
                </h4>
                <div class="prop-types">
                    <span class="prop-type prop-type-number">number</span><span class="prop-type prop-type-function">Function</span>
                </div> <!---->
                <div class="item-description">
                    <p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>
                    <p>如下示例：</p>
                    <pre><code class="lang-ts hljs typescript">animationDelayUpdate: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">idx</span>) </span>{
                    <span class="hljs-comment">// 越往后的数据延迟越大</span>
                    <span class="hljs-keyword">return</span> idx * <span class="hljs-number">100</span>;
	}
	</code></pre>
                    <p>
                        也可以看<a href="https://echarts.apache.org/examples/zh/editor.html?c=bar-animation-delay"
                               target="_blank">该示例</a>
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-zlevel" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.zlevel">zlevel</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">
                    <p>X 轴所有图形的 zlevel 值。</p>
                    <p>
                        <code class="codespan">zlevel</code>用于 Canvas 分层，不同<code class="codespan">zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas
                        分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code class="codespan">zlevel</code>。需要注意的是过多的
                        Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。
                    </p>
                    <p>
                        <code class="codespan">zlevel</code> 大的 Canvas 会放在 <code class="codespan">zlevel</code> 小的 Canvas
                        的上面。
                    </p>
                </div> <!----> <!---->
            </div>
            <div id="doc-content-xAxis-z" class="doc-content-item-card level-1 leaf">
                <!---->
                <h4>
                    <!----> <!----> <span class="path-parent"><a href="#xAxis">xAxis.</a></span> <span class="path-base"><a href="#xAxis.z">z</a></span> <!----> <!----> <!---->
                </h4>
                <div class="prop-types"><span class="prop-type prop-type-number">number</span></div> <!---->
                <div class="item-description">
                    <p>
                        X 轴组件的所有图形的<code class="codespan">z</code>值。控制图形的前后顺序。<code class="codespan">z</code>值小的图形会被<code class="codespan">z</code>值大的图形覆盖。
                    </p>
                    <p><code class="codespan">z</code>相比<code class="codespan">zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>
                </div> <!----> <!---->
            </div>
        </div>
    </div>
</body>
</html>